<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition template="/Menu.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"                
                xmlns:c="http://java.sun.com/jsp/jstl/core">
        <ui:define name="body">
    <h:head>
        <title>Sistema de Prácticas Profesionales</title>
    </h:head>
    <h:body>
        <h:form id="form">
            <DIV ALIGN="center" >
                <p:panel header="FUNDACIÓN UNIVERSITARIA KONRAD LORENZ" style="background-color: lightgray" >  
                    <p:panel header="ACEPTACIÓN EMPRESA" >
                        <DIV ALIGN="left" > 
                            <h:outputText value=" Bogotá  " />
                            <p:calendar value="#{calendarBean.date1}" id="cal" showButtonPanel="true" pattern="dd mm yyyy"/>     
                            <h:panelGrid columns="1" border="" bgcolor="" dir="right" >
                                
                                <h:outputText value="Señores  " />
                                <h:outputText value="Supervisores de prácticas profesionales  " />
                                <h:outputText value="Fundación Universitaria Konrad Lorenz  " />
                                <h:outputText value="Estimados señores  "/>
                            </h:panelGrid>
                            <div align="left to right">
                                <p:separator id="customSeparator1" style="width:800px;height:10px; background-color: white; border: white"  /> 
                                <h:outputText value="Por medio del presente me permito informar a ustedes, que el estudiante  " />
                                <p:spacer width="10" height="10" />
                                <p:inputText id="PracticanteNomb" maxlength="50" size="25"/>
                                <p:spacer width="10" height="10" />
                                <h:outputText value="identificado con C.C  " />
                                <p:inputText id="PracticanteCed" maxlength="50" size="25"/>
                                <p:spacer width="10" height="10" />
                                <h:outputText value="del programa de  " />
                                <p:spacer width="10" height="10" />
                                <p:selectOneMenu value="" style="alignment-baseline: middle">  
                                    <f:selectItem itemLabel="Seleccione" itemValue="" />  
                                    <f:selectItem itemLabel="Mercadeo" itemValue="1" />  
                                    <f:selectItem itemLabel="Negocios" itemValue="2" />   
                                </p:selectOneMenu>
                                <h:outputText value=", ha sido aceptado por la empresa  " />
                                <p:spacer width="10" height="10" />
                                <p:selectOneMenu value="" style="alignment-adjust: central">  
                                    <f:selectItem itemLabel="Seleccione" itemValue="" />  
                                    <f:selectItem itemLabel="Empresa 1" itemValue="1" />  
                                    <f:selectItem itemLabel="Empresa 2" itemValue="2" />   
                                </p:selectOneMenu>
                                <p:spacer width="10" height="10" />
                                <h:outputText value="para realizar sus prácticas profesionales en el área de   " />
                                <p:spacer width="10" height="10" />
                                <p:inputText id="PracticanteArea" maxlength="50" size="25"/>
                                <p:spacer width="10" height="10" />
                                <h:outputText value="con un horario comprendido entre    " />
                                <p:calendar value="#{calendarBean.date3}" pattern="hh:mm a" timeOnly="true"/> 
                                <p:spacer width="10" height="10" />
                                <p:calendar value="#{calendarBean.date3}" pattern="hh:mm a" timeOnly="true"/> 
                                <p:spacer width="10" height="10" />
                                <h:outputText value="Su periodo como practicante será desde    " />
                                <p:calendar value="#{calendarBean.date1}" pattern="MM/dd/yyyy" /> 
                                <p:spacer width="10" height="10" />
                                <h:outputText value="hasta   " />
                                <p:spacer width="10" height="10" />
                                <p:calendar value="#{calendarBean.date1}" pattern="MM/dd/yyyy" /> 
                                <p:separator id="customSeparator3" style="width:800px;height:10px; background-color: white; border: white"  /> 
                                <h:outputText value="El tutor asignado dentro de la organización será (Jefe Inmediato)     " />
                                
                            </div>
                            
                        </DIV>
                        
                    </p:panel>
                    
                    <p:commandButton value="Guardar" update="display" oncomplete="dlg.show()" onclick=""/>  
                    <p:commandButton value="Cancelar" update="display" oncomplete="dlg.show()" />  
                        <p:dialog header="Selected Values" modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlg">  
                           <p:outputPanel id="display">  
                               <p:dataList value="" var="option">  
                                   #{option}  
                               </p:dataList>  
                               <p:dataList value="" var="movie">  
                                   #{movie}  
                               </p:dataList>  
                           </p:outputPanel>
                        </p:dialog>
                </p:panel>    
                <h:outputText value="Fundacion Universitaria Konrad Lorenz - Todos los derechos reservados*" style="color: lightgray"/>    
            </DIV>        
        </h:form>    
    </h:body>
    </ui:define>
</ui:composition>